<!doctype html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>宝贝说</title>
        <script src="http://a.tbcdn.cn/s/kissy/1.2.0/kissy-min.js"></script>
        <link rel="stylesheet" href="../css/reset.css" />
        <link rel="stylesheet" href="../css/iframe2.css" />
        <style>
            body{padding:10px;}
            .page{margin-bottom:20px;}
        </style>
    </head>
    <body>
        <div class="page">
            <div>
                <div class="item item0">
                    <div class="wrapper bitem">
                        <a class="link" href="#">
                            <div class="img"><img src="../img/show/item2.jpg"></div>
                            <div class="price">￥198.<span>00</span></div>
                            <div class="icon"></div>
                            <div class="arrow"></div>
                        </a>
                        <div class="desc">
                            <p class="volumn">销量：<a href="#">77157</a>&nbsp;件</p>
                            <p class="comment">评价：<a href="#">39250</a>&nbsp;人</p>
                            <ul class="comments">
                                <li>东西不错，卖家认真心细，东西就一个字好</li>
                                <li>很好,是牛皮的,我很喜欢,下次还会再来的!!</li>
                                <li>皮质很软，正宗真皮，款式时尚，很喜欢！会再光顾！！！</li>
                                <li>东西很漂亮而且和实物很符合 我妈妈很喜欢 谢谢老板~希望以后的优惠更多！</li>
                                <li>东西很漂亮而且和实物很符合 我妈妈很喜欢 谢谢老板~希望以后的优惠更多！</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="item item1">
                    <div class="wrapper">
                        <a href="#">
                            <div class="img"><img src="../img/show/item2.jpg"></div>
                            <div class="price">￥198.<span>00</span></div>
                            <div class="icon icon-sales"></div>
                            <div class="arrow"></div>
                        </a>
                        <div class="desc">
                            <p class="volumn">销量：<a href="#">5371</a>&nbsp;件</p>
                            <p class="comment">评价：<a href="#">2035</a>&nbsp;人</p>
                            <ul class="comments">
                                <li>虽然中间出现波折，但是终于收到宝贝，很不错哦没有白等，评价晚了，呵呵：）虽然中间出现波折，但是终于收到宝贝，很不错哦没有白等，评价晚了，呵呵：）</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="item item2">
                    <div class="wrapper">
                        <a href="#">
                            <div class="img"><img src="../img/show/item2.jpg"></div>
                            <div class="price">￥128.<span>00</span></div>
                            <div class="icon icon-new"></div>
                            <div class="arrow"></div>
                        </a>
                        <div class="desc">
                            <p class="title"><a href="#">MAXIGO玛诗可 2011秋装新款 圆领心型图案 长袖针织毛衫J3M0237</a></p>
                        </div>
                    </div>
                </div>
                <div class="item item3">
                    <div class="wrapper">
                        <a href="#">
                            <div class="img"><img src="../img/show/item2.jpg"></div>
                            <div class="price">￥228.<span>00</span></div>
                            <div class="icon"></div>
                            <div class="arrow"></div>
                        </a>
                        <div class="desc">
                            <p class="volumn">销量：<a href="#">5371</a>&nbsp;件</p>
                            <p class="comment">评价：<a href="#">2035</a>&nbsp;人</p>
                            <ul class="comments">
                                <li>虽然中间出现波折，但是终于收到宝贝，很不错哦没有白等，评价晚了，呵呵：）</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="item item4">
                    <div class="wrapper">
                        <a href="#">
                            <div class="img"><img src="../img/show/item2.jpg"></div>
                            <div class="price">￥456.<span>00</span></div>
                            <div class="icon icon-new"></div>
                            <div class="arrow"></div>
                        </a>
                        <div class="desc">
                            <p class="title"><a href="#">MAXIGO玛诗可 2011秋装新款 圆领心型图案 长袖针织毛衫J3M0237</a></p>
                        </div>
                    </div>
                </div>
                <div class="item item5">
                    <div class="wrapper ritem">
                        <a href="#">
                            <div class="img"><img src="../img/show/item2.jpg"></div>
                            <div class="price">￥120.<span>00</span></div>
                            <div class="icon icon-sales"></div>
                            <div class="arrow"></div>
                        </a>
                        <div class="desc">
                            <p class="volumn">销量：<a href="#">5371</a>&nbsp;件</p>
                            <p class="comment">评价：<a href="#">2035</a>&nbsp;人</p>
                            <ul class="comments">
                                <li>虽然中间出现波折，但是终于收到宝贝，很不错哦没有白等，评价晚了，呵呵：）</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="item item6">
                    <div class="wrapper ritem">
                        <a href="#">
                            <div class="img"><img src="../img/show/item2.jpg"></div>
                            <div class="price">￥178.<span>00</span></div>
                            <div class="icon"></div>
                            <div class="arrow"></div>
                        </a>
                        <div class="desc">
                            <p class="volumn">销量：<a href="#">5371</a>&nbsp;件</p>
                            <p class="comment">评价：<a href="#">2035</a>&nbsp;人</p>
                            <ul class="comments">
                                <li>虽然中间出现波折，但是终于收到宝贝，很不错哦没有白等，评价晚了，呵呵：）</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="page w950">
            <div>
                <div class="item item0">
                    <div class="wrapper bitem">
                        <a class="link" href="#">
                            <div class="img"><img src="../img/show/item2.jpg"></div>
                            <div class="price">￥199.<span>00</span></div>
                            <div class="icon"></div>
                            <div class="arrow"></div>
                        </a>
                        <div class="desc">
                            <p class="volumn">销量：<a href="#">3918</a>&nbsp;件</p>
                            <p class="comment">评价：<a href="#">1048</a>&nbsp;人</p>
                            <ul class="comments">
                                <li>是正品，发货速度也很快，穿着很合身很好看~~~</li>
                                <li>到货很快，衣服的型很好，料子也很好，但是胳膊那有些紧。总之，很满意...</li>
                                <li>店家非常负责任，态度好，服务周到，不愧是大店。衣服质量也相当不错！</li>
                                <li>很赞的款式，这个格子今年还大热。可以搭的衣服多了去了。非常喜欢！！！</li>
                                <li>很赞的款式，这个格子今年还大热。可以搭的衣服多了去了。非常喜欢！！！</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="item item1">
                    <div class="wrapper">
                        <a href="#">
                            <div class="img"><img src="../img/show/item2.jpg"></div>
                            <div class="price">￥599.<span>00</span></div>
                            <div class="icon icon-new"></div>
                            <div class="arrow"></div>
                        </a>
                        <div class="desc">
                            <p class="title"><a href="#">MAXIGO玛诗可 2011秋装新款 圆领心型图案 长袖针织毛衫J3M0237</a></p>
                        </div>
                    </div>
                </div>
                <div class="item item2">
                    <div class="wrapper">
                        <a href="#">
                            <div class="img"><img src="../img/show/item2.jpg"></div>
                            <div class="price">￥139.<span>00</span></div>
                            <div class="icon icon-new"></div>
                            <div class="arrow"></div>
                        </a>
                        <div class="desc">
                            <p class="title"><a href="#">MAXIGO玛诗可 2011秋装新款 圆领心型图案 长袖针织毛衫J3M0237</a></p>
                        </div>
                    </div>
                </div>
                <div class="item item3">
                    <div class="wrapper">
                        <a href="#">
                            <div class="img"><img src="../img/show/item2.jpg"></div>
                            <div class="price">￥299.<span>00</span></div>
                            <div class="icon icon-sales"></div>
                            <div class="arrow"></div>
                        </a>
                        <div class="desc">
                            <p class="volumn">销量：<a href="#">5371</a>&nbsp;件</p>
                            <p class="comment">评价：<a href="#">2035</a>&nbsp;人</p>
                            <ul class="comments">
                                <li>虽然中间出现波折，但是终于收到宝贝，很不错哦没有白等，评价晚了，呵呵：）</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="item item4">
                    <div class="wrapper">
                        <a href="#">
                            <div class="img"><img src="../img/show/item2.jpg"></div>
                            <div class="price">￥239.<span>00</span></div>
                            <div class="icon"></div>
                            <div class="arrow"></div>
                        </a>
                        <div class="desc">
                            <p class="volumn">销量：<a href="#">5371</a>&nbsp;件</p>
                            <p class="comment">评价：<a href="#">2035</a>&nbsp;人</p>
                            <ul class="comments">
                                <li>虽然中间出现波折，但是终于收到宝贝，很不错哦没有白等，评价晚了，呵呵：）</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="item item5">
                    <div class="wrapper">
                        <a href="#">
                            <div class="img"><img src="../img/show/item2.jpg"></div>
                            <div class="price">￥199.<span>00</span></div>
                            <div class="icon icon-new"></div>
                            <div class="arrow"></div>
                        </a>
                        <div class="desc">
                            <p class="title"><a href="#">MAXIGO玛诗可 2011秋装新款 圆领心型图案 长袖针织毛衫J3M0237</a></p>
                        </div>
                    </div>
                </div>
                <div class="item item6">
                    <div class="wrapper">
                        <a href="#">
                            <div class="img"><img src="../img/show/item2.jpg"></div>
                            <div class="price">￥349.<span>00</span></div>
                            <div class="icon"></div>
                            <div class="arrow"></div>
                        </a>
                        <div class="desc">
                            <p class="volumn">销量：<a href="#">5371</a>&nbsp;件</p>
                            <p class="comment">评价：<a href="#">2035</a>&nbsp;人</p>
                            <ul class="comments">
                                <li>虽然中间出现波折，但是终于收到宝贝，很不错哦没有白等，评价晚了，呵呵：）</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="item item7">
                    <div class="wrapper ritem">
                        <a href="#">
                            <div class="img"><img src="../img/show/item2.jpg"></div>
                            <div class="price">￥349.<span>50</span></div>
                            <div class="icon icon-sales"></div>
                            <div class="arrow"></div>
                        </a>
                        <div class="desc">
                            <p class="volumn">销量：<a href="#">5371</a>&nbsp;件</p>
                            <p class="comment">评价：<a href="#">2035</a>&nbsp;人</p>
                            <ul class="comments">
                                <li>虽然中间出现波折，但是终于收到宝贝，很不错哦没有白等，评价晚了，呵呵：）</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="item item8">
                    <div class="wrapper ritem">
                        <a href="#">
                            <div class="img"><img src="../img/show/item2.jpg"></div>
                            <div class="price">￥499.<span>00</span></div>
                            <div class="icon icon-new"></div>
                            <div class="arrow"></div>
                        </a>
                        <div class="desc">
                            <p class="title"><a href="#">MAXIGO玛诗可 2011秋装新款 圆领心型图案 长袖针织毛衫J3M0237</a></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="page">
            <div class="tmall">
                <div class="item item0">
                    <div class="wrapper bitem">
                        <a class="link" href="#">
                            <div class="img"><img src="../img/show/item2.jpg"></div>
                            <div class="price">￥198.<span>00</span></div>
                            <div class="icon"></div>
                            <div class="arrow"></div>
                        </a>
                        <div class="desc">
                            <p class="volumn">销量：<a href="#">77157</a>&nbsp;件</p>
                            <p class="comment">评价：<a href="#">39250</a>&nbsp;人</p>
                            <ul class="comments">
                                <li>东西不错，卖家认真心细，东西就一个字好</li>
                                <li>很好,是牛皮的,我很喜欢,下次还会再来的!!</li>
                                <li>皮质很软，正宗真皮，款式时尚，很喜欢！会再光顾！！！</li>
                                <li>东西很漂亮而且和实物很符合 我妈妈很喜欢 谢谢老板~希望以后的优惠更多！</li>
                                <li>东西很漂亮而且和实物很符合 我妈妈很喜欢 谢谢老板~希望以后的优惠更多！</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="item item1">
                    <div class="wrapper">
                        <a href="#">
                            <div class="img"><img src="../img/show/item2.jpg"></div>
                            <div class="price">￥198.<span>00</span></div>
                            <div class="icon icon-sales"></div>
                            <div class="arrow"></div>
                        </a>
                        <div class="desc">
                            <p class="volumn">销量：<a href="#">5371</a>&nbsp;件</p>
                            <p class="comment">评价：<a href="#">2035</a>&nbsp;人</p>
                            <ul class="comments">
                                <li>虽然中间出现波折，但是终于收到宝贝，很不错哦没有白等，评价晚了，呵呵：）虽然中间出现波折，但是终于收到宝贝，很不错哦没有白等，评价晚了，呵呵：）</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="item item2">
                    <div class="wrapper">
                        <a href="#">
                            <div class="img"><img src="../img/show/item2.jpg"></div>
                            <div class="price">￥128.<span>00</span></div>
                            <div class="icon icon-new"></div>
                            <div class="arrow"></div>
                        </a>
                        <div class="desc">
                            <p class="title"><a href="#">MAXIGO玛诗可 2011秋装新款 圆领心型图案 长袖针织毛衫J3M0237</a></p>
                        </div>
                    </div>
                </div>
                <div class="item item3">
                    <div class="wrapper">
                        <a href="#">
                            <div class="img"><img src="../img/show/item2.jpg"></div>
                            <div class="price">￥228.<span>00</span></div>
                            <div class="icon"></div>
                            <div class="arrow"></div>
                        </a>
                        <div class="desc">
                            <p class="volumn">销量：<a href="#">5371</a>&nbsp;件</p>
                            <p class="comment">评价：<a href="#">2035</a>&nbsp;人</p>
                            <ul class="comments">
                                <li>虽然中间出现波折，但是终于收到宝贝，很不错哦没有白等，评价晚了，呵呵：）</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="item item4">
                    <div class="wrapper">
                        <a href="#">
                            <div class="img"><img src="../img/show/item2.jpg"></div>
                            <div class="price">￥456.<span>00</span></div>
                            <div class="icon icon-new"></div>
                            <div class="arrow"></div>
                        </a>
                        <div class="desc">
                            <p class="title"><a href="#">MAXIGO玛诗可 2011秋装新款 圆领心型图案 长袖针织毛衫J3M0237</a></p>
                        </div>
                    </div>
                </div>
                <div class="item item5">
                    <div class="wrapper ritem">
                        <a href="#">
                            <div class="img"><img src="../img/show/item2.jpg"></div>
                            <div class="price">￥120.<span>00</span></div>
                            <div class="icon icon-sales"></div>
                            <div class="arrow"></div>
                        </a>
                        <div class="desc">
                            <p class="volumn">销量：<a href="#">5371</a>&nbsp;件</p>
                            <p class="comment">评价：<a href="#">2035</a>&nbsp;人</p>
                            <ul class="comments">
                                <li>虽然中间出现波折，但是终于收到宝贝，很不错哦没有白等，评价晚了，呵呵：）</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="item item6">
                    <div class="wrapper ritem">
                        <a href="#">
                            <div class="img"><img src="../img/show/item2.jpg"></div>
                            <div class="price">￥178.<span>00</span></div>
                            <div class="icon"></div>
                            <div class="arrow"></div>
                        </a>
                        <div class="desc">
                            <p class="volumn">销量：<a href="#">5371</a>&nbsp;件</p>
                            <p class="comment">评价：<a href="#">2035</a>&nbsp;人</p>
                            <ul class="comments">
                                <li>虽然中间出现波折，但是终于收到宝贝，很不错哦没有白等，评价晚了，呵呵：）</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="page w950">
            <div class="tmall">
                <div class="item item0">
                    <div class="wrapper bitem">
                        <a class="link" href="#">
                            <div class="img"><img src="../img/show/item2.jpg"></div>
                            <div class="price">￥199.<span>00</span></div>
                            <div class="icon"></div>
                            <div class="arrow"></div>
                        </a>
                        <div class="desc">
                            <p class="volumn">销量：<a href="#">3918</a>&nbsp;件</p>
                            <p class="comment">评价：<a href="#">1048</a>&nbsp;人</p>
                            <ul class="comments">
                                <li>是正品，发货速度也很快，穿着很合身很好看~~~</li>
                                <li>到货很快，衣服的型很好，料子也很好，但是胳膊那有些紧。总之，很满意...</li>
                                <li>店家非常负责任，态度好，服务周到，不愧是大店。衣服质量也相当不错！</li>
                                <li>很赞的款式，这个格子今年还大热。可以搭的衣服多了去了。非常喜欢！！！</li>
                                <li>很赞的款式，这个格子今年还大热。可以搭的衣服多了去了。非常喜欢！！！</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="item item1">
                    <div class="wrapper">
                        <a href="#">
                            <div class="img"><img src="../img/show/item2.jpg"></div>
                            <div class="price">￥599.<span>00</span></div>
                            <div class="icon icon-new"></div>
                            <div class="arrow"></div>
                        </a>
                        <div class="desc">
                            <p class="title"><a href="#">MAXIGO玛诗可 2011秋装新款 圆领心型图案 长袖针织毛衫J3M0237</a></p>
                        </div>
                    </div>
                </div>
                <div class="item item2">
                    <div class="wrapper">
                        <a href="#">
                            <div class="img"><img src="../img/show/item2.jpg"></div>
                            <div class="price">￥139.<span>00</span></div>
                            <div class="icon icon-new"></div>
                            <div class="arrow"></div>
                        </a>
                        <div class="desc">
                            <p class="title"><a href="#">MAXIGO玛诗可 2011秋装新款 圆领心型图案 长袖针织毛衫J3M0237</a></p>
                        </div>
                    </div>
                </div>
                <div class="item item3">
                    <div class="wrapper">
                        <a href="#">
                            <div class="img"><img src="../img/show/item2.jpg"></div>
                            <div class="price">￥299.<span>00</span></div>
                            <div class="icon icon-sales"></div>
                            <div class="arrow"></div>
                        </a>
                        <div class="desc">
                            <p class="volumn">销量：<a href="#">5371</a>&nbsp;件</p>
                            <p class="comment">评价：<a href="#">2035</a>&nbsp;人</p>
                            <ul class="comments">
                                <li>虽然中间出现波折，但是终于收到宝贝，很不错哦没有白等，评价晚了，呵呵：）</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="item item4">
                    <div class="wrapper">
                        <a href="#">
                            <div class="img"><img src="../img/show/item2.jpg"></div>
                            <div class="price">￥239.<span>00</span></div>
                            <div class="icon"></div>
                            <div class="arrow"></div>
                        </a>
                        <div class="desc">
                            <p class="volumn">销量：<a href="#">5371</a>&nbsp;件</p>
                            <p class="comment">评价：<a href="#">2035</a>&nbsp;人</p>
                            <ul class="comments">
                                <li>虽然中间出现波折，但是终于收到宝贝，很不错哦没有白等，评价晚了，呵呵：）</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="item item5">
                    <div class="wrapper">
                        <a href="#">
                            <div class="img"><img src="../img/show/item2.jpg"></div>
                            <div class="price">￥199.<span>00</span></div>
                            <div class="icon icon-new"></div>
                            <div class="arrow"></div>
                        </a>
                        <div class="desc">
                            <p class="title"><a href="#">MAXIGO玛诗可 2011秋装新款 圆领心型图案 长袖针织毛衫J3M0237</a></p>
                        </div>
                    </div>
                </div>
                <div class="item item6">
                    <div class="wrapper">
                        <a href="#">
                            <div class="img"><img src="../img/show/item2.jpg"></div>
                            <div class="price">￥349.<span>00</span></div>
                            <div class="icon"></div>
                            <div class="arrow"></div>
                        </a>
                        <div class="desc">
                            <p class="volumn">销量：<a href="#">5371</a>&nbsp;件</p>
                            <p class="comment">评价：<a href="#">2035</a>&nbsp;人</p>
                            <ul class="comments">
                                <li>虽然中间出现波折，但是终于收到宝贝，很不错哦没有白等，评价晚了，呵呵：）</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="item item7">
                    <div class="wrapper ritem">
                        <a href="#">
                            <div class="img"><img src="../img/show/item2.jpg"></div>
                            <div class="price">￥349.<span>50</span></div>
                            <div class="icon icon-sales"></div>
                            <div class="arrow"></div>
                        </a>
                        <div class="desc">
                            <p class="volumn">销量：<a href="#">5371</a>&nbsp;件</p>
                            <p class="comment">评价：<a href="#">2035</a>&nbsp;人</p>
                            <ul class="comments">
                                <li>虽然中间出现波折，但是终于收到宝贝，很不错哦没有白等，评价晚了，呵呵：）</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="item item8">
                    <div class="wrapper ritem">
                        <a href="#">
                            <div class="img"><img src="../img/show/item2.jpg"></div>
                            <div class="price">￥499.<span>00</span></div>
                            <div class="icon icon-new"></div>
                            <div class="arrow"></div>
                        </a>
                        <div class="desc">
                            <p class="title"><a href="#">MAXIGO玛诗可 2011秋装新款 圆领心型图案 长袖针织毛衫J3M0237</a></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <script>
        KISSY.use("anim",function(S,Anim){
            var D = S.DOM, E = S.Event, doc = document, hoverCls = 'hover';
            S.each(S.query('.item'),function(item){
                var w = D.width(item), h = D.width(item), exw = D.hasClass(item,'item0') ? w+(w-2)/2+2 : w*2+2;
                var anim = new Anim(item,{'width':exw+'px'},0.5);
                E.on(item,'mouseenter',function(e){
                    D.addClass(item,hoverCls);
                    D.width(item,w);
                    anim.run();
                });
                E.on(item,'mouseleave',function(e){
                    D.removeClass(item,hoverCls);
                    anim.stop();
                    D.width(item,w);
                });
            });
        });
        </script>
    
</body></html>